div#diary
{
	border:1px solid #111111;
	padding:10px;
	overflow:auto;
	display:none;
}

div#diary-control
{
	width:432px;
/*	border:2px solid #111111;*/
	background-color:#dddddd;
	padding:8px;
	margin: 0px auto;
	overflow:auto;
}

div#diary-control-month
{
	display:inline-block;
	width:180px;
	background-color:#113366;
	font-size:14pt;	
	font-weight:600;	
	color:#ffffff;
	padding:10px;
	text-align:center;
}

div.diary-control-arrow
{
	display:inline-block;
	background-color:#113366;
	font-size:14pt;
	font-weight:600;
	color:#ffffff;
	padding:10px;
}

div.diary-control-arrow-hover
{
	background-color:#225588;
	text-decoration:none;
}

div.calendar-month-row 
{
	clear:both;
	overflow:auto;
}

#calendar-month .calendar-month-cell
{
	overflow:auto;
	float:left;
	width:180px;
	border:1px solid #113366;
	font-size:7pt;
	padding:2px;
}

#calendar-month .calendar-month-cell-title
{
	float:left;
	width:180px;
	border:1px solid #113366;
	padding:2px;
	background-color: #113366;
	color: #eeeeee;
	text-align: center;
	font-size:12pt;
	font-weight:600;
	margin-top:15px;
}

.calendar-month-cell
{
	background-color: #ffffff;
}

.calendar-month-cell-today
{
	background-color: #dddddd;
}

.calendar-month-date-hover
{
	color:#dd6666 !important;
}

.calendar-month-cell div.calendar-month-date
{
	font-size:20pt !important;
	color:#774444;
}

.calendar-month-cell div.calendar-month-event
{
	color:#555566;
	margin-left:30px;
	text-indent:-30px;
}

.calendar-month-cell div.calendar-month-event-container-hover
{
	background-color:#cccccc;
}

.calendar-month-event span.calendar-month-event-time
{
	font-weight:700;
	font-size:7pt;
	color:#663311;
}

.calendar-month-event span.calendar-month-event-title
{
	margin-left:3px;
	font-weight:400;
	font-size:8pt;
}



#calendar-month-event-view
{
	position:fixed;
	left:500px;
	top:200px;
	width:300px;
	background-color:#eeeeee;
	display:none;
	border:2px solid #222222;
	margin:0px auto;
	font-size:7pt;
}

#calendar-month-event-view-title
{
	background-color:#000000;
	color:#ffffff;
	text-align:center;
	padding:6px;
	font-size:10pt;
	font-weight:600;
	overflow:auto;
}

#calendar-month-event-view-close
{
	float:right;
	background-color:#772222;
	font-size:8pt;
	font-weight:700;
	color:#ffffff;
	padding:3px;
}

.calendar-month-event-view-close-hover
{
	background-color:#aa3333 !important;
}

#calendar-month-event-view-container
{
	padding:8px;
}

#calendar-month-event-view-edit-button
{
	width:40px;
	background-color:#000000;
	color:#ffffff;
	text-align:center;
	padding:3px;
	font-size:8pt;
	font-weight:600;
	margin: 0px auto;
	margin-top:10px;
}

.calendar-month-event-view-edit-button-hover
{
	background-color:#333333 !important;
}

#calendar-month-event-view-id
{
	display:none;
}

#calendar-month-event-edit
{
	position:absolute;
	left:400px;
	top:100px;
	width:400px;
	background-color:#eeeeee;
	display:none;
	border:2px solid #222222;
	margin:0px auto;
	font-size:7pt;
}

#calendar-month-event-edit-title-bar
{
	background-color:#000000;
	color:#ffffff;
	text-align:center;
	padding:6px;
	font-size:10pt;
	font-weight:600;
	overflow:auto;
}

.calendar-month-event-edit-item {padding:5px;}
.calendar-month-event-edit-item span{display:inline-block;width:100px;vertical-align:top;}
.calendar-month-event-edit-item textarea,select,option {font-family:sans-serif;font-size:8pt;}
#calendar-month-event-edit-date{width:80px;}
#calendar-month-event-edit-start{width:40px;}
#calendar-month-event-edit-end{width:40px;}
#calendar-month-event-edit-title-text{width:250px;}
#calendar-month-event-edit-description-text{width:250px;}
#calendar-month-event-edit-comment-text{width:250px;}
#calendar-month-event-edit-responsible-text{width:250px;}
#calendar-month-event-edit-booking-add, #calendar-month-event-edit-booking-word
{
	background-color:#000000;
	color:#ffffff;
	padding:3px;
	margin:4px;
	font-weight:600;
	text-align:center;
}

.calendar-month-event-edit-booking-add-hover, .calendar-month-event-edit-booking-word-hover
{
	background-color:#333333 !important;
}

#calendar-month-event-edit-close
{
	float:right;
	background-color:#772222;
	font-size:8pt;
	font-weight:700;
	color:#ffffff;
	padding:3px;
}

.calendar-month-event-edit-close-hover
{
	background-color:#aa3333 !important;
}

#calendar-month-event-edit-container
{
	padding:8px;
}

#calendar-month-event-edit-container input
{
	font-family:sans-serif;
	font-size:8pt;
}

.calendar-month-event-edit-buttons
{
	width:40px;
	background-color:#000000;
	color:#ffffff;
	text-align:center;
	padding:3px;
	font-size:8pt;
	font-weight:600;
	margin: 0px auto;
	margin-top:10px;
}

.calendar-month-event-edit-buttons-hover
{
	background-color:#333333 !important;
}


